export default {
    path:'/movie',
    component : () => import('@/views/Movie/movieView'),
    children :[
        {
            path: 'city',
            component : () =>import('@/components/City/cityIndex')
        },
        {
            path: 'nowPlaying',
            component : () =>import('@/components/NowPlaying/nowPlayingIndex')
        },
        {
            path: 'commingSoon',
            component : () =>import('@/components/CommingSoon/commingSoonIndex')
        },
        {
            path: 'search',
            component : () =>import('@/components/Search/searchIndex')
        },
        {
            path: 'detail/1/:movieId',
            components : {
                default: ()=>import('@/components/NowPlaying/nowPlayingIndex'),
                detail: () =>import('@/views/Movie/detailView')
            },
            props:{
                detail:true
            }
        },
        {
            path: 'detail/2/:movieId',
            components : {
                default: ()=>import('@/components/CommingSoon/commingSoonIndex'),
                detail: () =>import('@/views/Movie/detailView')
            },
            props:{
                detail:true
            }
        },
        {
            path : '/movie',
            redirect : '/movie/nowPlaying'
        }
    ]
}
